<template>
    <view>
        <uni-drawer class="drawer"  ref="showRight" mode="right">
           <uni-section title="合作类型" type="line"></uni-section>
		   <view class="s-item">
		   	<button class="mini-btn" type="primary" size="mini">按钮</button>
		   	<button class="mini-btn" type="default" size="mini">按钮</button>
		   	<button class="mini-btn" type="default" size="mini">按钮</button>
		   </view>      
		   
		   <uni-section title="平台类型" type="line"></uni-section>
		   <view class="s-item">
		   	<button class="mini-btn" type="primary" size="mini">按钮</button>
		   	<button class="mini-btn" type="default" size="mini">按钮</button>
		   	<button class="mini-btn" type="default" size="mini">按钮</button>
		   </view>  
		   
		   <uni-section title="商品来源" type="line"></uni-section>
		   <view class="s-item">
		   	<button class="mini-btn" type="primary" size="mini">按钮</button>
		   	<button class="mini-btn" type="default" size="mini">按钮</button>
		   	<button class="mini-btn" type="default" size="mini">按钮</button>
		   </view>
		   
		   <uni-section title="供货价" type="line"></uni-section>
		   <view class="price-item">
		   	<input style="width: 30%;" type="number" placeholder="最低价" /> - 
		   	<input style="width: 30%;" type="number" placeholder="最高价" />
		   </view>
		   
		   <uni-section title="供货价" type="line"></uni-section>
		   <view class="price-item">
		   	<input style="width: 30%;" type="number" placeholder="最低价" /> - 
		   	<input style="width: 30%;" type="number" placeholder="最高价" />
		   </view>
		   
		   <view class="foot-com">
			<button class="foot-btn" type="default" size="mini">重置</button>
			<button class="foot-btn" type="primary" size="mini">确定</button>
		   </view>
		  
        </uni-drawer>
    </view>
</template>

<script>
    export default {
        methods: {
            showDrawer() {
                this.$refs.showRight.open();
            },
            closeDrawer() {
                this.$refs.showRight.close();
            }

        }
    }
</script>
<style scoped lang="scss">
	.drawer{
		background-color: $uni-bg-color-grey;
		z-index: 999;
	}
	.s-item{
		display: flex;
		justify-content: space-between;
	}
	.price-item{
		display: flex;
		justify-content: space-around;
	}
	.foot-com{
		margin-top: 50rpx;
		display: flex;
		justify-content: space-between;
		.foot-btn{
			width: 40%;
			border-radius:24rpx;
		}
	}
</style>